﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Channel/1/MasterPage.Master"
    Inherits="System.Web.Mvc.ViewPage<SiteChannelDto>" %>

<%@ Import Namespace="Common" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
    <link rel="stylesheet" href="/Content/style/slider.css" />
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <div class="ba_header">
        <% Html.RenderAction("Menu", "Channel", new { channelCode = ViewData["ChannelCode"] }); %>
        <div class="ba_state">
            <span class="bg_state_info"><em>11532</em> 话题 <em>268</em> 小组 <em>38096</em> 会员</span><a
                href="#" class="like_btn">我要加入</a></div>
    </div>
    <div class="slider">
        <div class="slide_wrap">
            <script type="text/javascript" src="/Scripts/slides.min.jquery.js"></script>
            <script type="text/javascript">
                $(function () {
                    $('#slides').slides({
                        preload: true,
                        preloadImage: '/Content/style/loading.gif',
                        play: 5000,
                        pause: 2500,
                        hoverPause: true,
                        animationStart: function (current) {
                            $('.caption').animate({
                                bottom: -35
                            }, 100);
                            if (window.console && console.log) {
                                // example return of current slide number
                                console.log('animationStart on slide: ', current);
                            };
                        },
                        animationComplete: function (current) {
                            $('.caption').animate({
                                bottom: 0
                            }, 200);
                            if (window.console && console.log) {
                                // example return of current slide number
                                console.log('animationComplete on slide: ', current);
                            };
                        },
                        slidesLoaded: function () {
                            $('.caption').animate({
                                bottom: 0
                            }, 200);
                        }
                    });
                });
            </script>
            <div id="slides">
                <div class="slides_container">
                    <% var imgs = Model.ChannelIndexImg.Split(new[] { ',' });%>
                    <% foreach (var img in imgs)
                       { %>
                    <% if (img != "")
                       { %>
                    <div class="slide">
                        <a href="#">
                            <img src="<%=ImageLoadHelper.GetOriginalImageUrl(Convert.ToInt32(img))%>" width="980"
                                height="350" alt="" /></a></div>
                    <% } %>
                    <% } %>
                </div>
                <a href="#" class="prev">
                    <img src="/Content/style/arrow-prev.png" width="40" height="40" alt="&lt;&lt;"></a>
                <a href="#" class="next">
                    <img src="/Content/style/arrow-next.png" width="40" height="40" alt="&gt;&gt;"></a>
            </div>
        </div>
    </div>
    <div id="content">
        <div class="mod_box clear">
            <div class="mod_675">
                <div class="topic">
                    <div class="title">
                        <ul class="tab yahei">
                            <li class="hot"><a href="#" class="current">24小时热门话题</a></li>
                            <li><a href="#">最新话题</a></li>
                        </ul>
                        <a href="#" class="post_new"></a><a href="#" class="more more_position">更多话题+</a>
                    </div>
                    <ul class="topic_list">
                        <li class="clear">
                            <div class="face">
                                <a href="#" title="周扒皮">
                                    <img src="/Content/del/face50_03.jpg" width="50" height="50" alt="" /></a></div>
                            <div class="detail">
                                <div class="topic_title">
                                    <a href="#">晒下自己的生活照，希望在这里能找到自己的真爱！谢！</a><span>2219</span></div>
                                <div class="intro">
                                    如果你点顶，艾斯复活，白胡子重生 下一个上路飞船上</div>
                            </div>
                            <div class="author">
                                <div class="name">
                                    <i class="icon"></i><a href="#">爱你爱V更爱你</a></div>
                                <div class="time">
                                    18小时前</div>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="face">
                                <a href="#" title="周扒皮">
                                    <img src="/Content/del/face50_04.jpg" width="50" height="50" alt="" /></a></div>
                            <div class="detail">
                                <div class="topic_title">
                                    <a href="#">D8第一届晒冷酷眼神大赛。看谁的一个眼神可以杀死人.</a><span>1987</span></div>
                                <div class="intro">
                                    如果你点顶，艾斯复活，白胡子重生 下一个上路飞船上</div>
                            </div>
                            <div class="author">
                                <div class="name">
                                    <i class="icon"></i><a href="#">这货真不是师傅</a></div>
                                <div class="time">
                                    6小时前</div>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="face">
                                <a href="#" title="周扒皮">
                                    <img src="/Content/del/face50_05.jpg" width="50" height="50" alt="" /></a></div>
                            <div class="detail">
                                <div class="topic_title">
                                    <a href="#">别再看旧的内涵图了，来看新鲜的，戳进来吧</a><span>1672</span></div>
                                <div class="intro">
                                    如果你点顶，艾斯复活，白胡子重生 下一个上路飞船上</div>
                            </div>
                            <div class="author">
                                <div class="name">
                                    <i class="icon"></i><a href="#">阿花姐</a></div>
                                <div class="time">
                                    5小时前</div>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="face">
                                <a href="#" title="周扒皮">
                                    <img src="/Content/del/face50_06.jpg" width="50" height="50" alt="" /></a></div>
                            <div class="detail">
                                <div class="topic_title">
                                    <a href="#">我彻底笑抽了】男人偷腥被女友发现以后- </a><span>1253</span></div>
                                <div class="intro">
                                    如果你点顶，艾斯复活，白胡子重生 下一个上路飞船上</div>
                            </div>
                            <div class="author">
                                <div class="name">
                                    <i class="icon"></i><a href="#">痴情不痴情</a></div>
                                <div class="time">
                                    19小时前</div>
                            </div>
                        </li>
                        <li class="clear">
                            <div class="face">
                                <a href="#" title="周扒皮">
                                    <img src="/Content/del/face50_02.jpg" width="50" height="50" alt="" /></a></div>
                            <div class="detail">
                                <div class="topic_title">
                                    <a href="#">直播:《我和偷吃禁果的你》。感动了我 </a><span>1098</span></div>
                                <div class="intro">
                                    如果你点顶，艾斯复活，白胡子重生 下一个上路飞船上</div>
                            </div>
                            <div class="author">
                                <div class="name">
                                    <i class="icon"></i><a href="#">师心好多啦</a></div>
                                <div class="time">
                                    3小时前</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="mod_245">
                <div class="member_info">
                    <div class="face">
                        <img src="/Content/del/face_me.jpg" width="50" height="50" /></div>
                    <div class="detail">
                        <div class="name">
                            <a href="#" class="member_level"></a><a href="#">饿要打败我</a></div>
                        <div class="member_grows_bar">
                            <i style="width: 100px;"></i><span>176</span></div>
                    </div>
                </div>
                <ul class="member_state clear">
                    <li><a href="#">3</a>战队</li>
                    <li><a href="#">12</a>话题</li>
                    <li><a href="#">143</a>回应</li>
                    <li class="end"><a href="#">25</a>照片</li>
                </ul>
                <div class="side_ad">
                    <img src="/Content/del/side_ad1.jpg" alt="" /></div>
            </div>
        </div>
        <div class="mod_box clear">
            <div class="event">
                <div class="title">
                    <h2 class="yahei">
                        近期活动</h2>
                    <div class="more">
                        <a href="#">更多活动+</a></div>
                </div>
                <div class="event_box clear">
                    <div class="top_event_pic">
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/event_300.jpg" width="300" height="300" alt="" /></a></div>
                        <div class="mask">
                        </div>
                        <div class="photo_name">
                            厦门欢唱宝龙店喝酒吹水K歌交友集结</div>
                    </div>
                    <div class="event_list">
                        <div class="top_event_info">
                            <span class="arrow"></span>
                            <div class="join">
                                <span class="arrow"></span><a href="#" title="我要参加"></a><span>64 人感兴趣<i class="pipe">|</i>53
                                    人参加</span></div>
                            <div class="name">
                                <a href="#">厦门欢唱宝龙店喝酒吹水K歌交友集结</a></div>
                            <div class="time">
                                11月11日 周日<i class="pipe">|</i>SM广场肯德基门口集合</div>
                        </div>
                        <ul class="more_event_list clear">
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/event100_01.jpg" width="100" height="100" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">探幽九龙瀑布，赏十里蓝山</a></div>
                                    <div class="time">
                                        11月11日 周一</div>
                                    <div class="add">
                                        SM广场肯德基门口集合</div>
                                    <div class="have_join">
                                        64 人感兴趣<i class="pipe">|</i>53 人参加</div>
                                </div>
                            </li>
                            <li class="row_end">
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/event100_02.jpg" width="100" height="100" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">畅游花海摄影自助游</a></div>
                                    <div class="time">
                                        11月11日 周</div>
                                    <div class="add">
                                        SM广场肯德基门口集合</div>
                                    <div class="have_join">
                                        64 人感兴趣<i class="pipe">|</i>53 人参加</div>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/event100_03.jpg" width="100" height="100" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">体验热带雨林、恐龙谷</a></div>
                                    <div class="time">
                                        11月10日 至 11月11日</div>
                                    <div class="add">
                                        厦大艺术学院欧洲艺术中心</div>
                                    <div class="have_join">
                                        64 人感兴趣<i class="pipe">|</i>53 人参加</div>
                                </div>
                            </li>
                            <li class="row_end">
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/event100_04.jpg" width="100" height="100" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">探幽九龙瀑布，赏十里蓝山</a></div>
                                    <div class="time">
                                        11月11日 周</div>
                                    <div class="add">
                                        SM广场肯德基门口集合</div>
                                    <div class="have_join">
                                        64 人感兴趣<i class="pipe">|</i>53 人参加</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <div class="mod_box">
            <div class="coach">
                <div class="title">
                    <h2 class="yahei">
                        羽球教练</h2>
                    <div class="more">
                        <a href="#">更多教练+</a></div>
                </div>
                <ul class="coach_list clear">
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach01.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">徐军</a> <em>189</em> 粉丝</div>
                        <div class="from">
                            <a href="#">海沧阿尔法球馆</a></div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach02.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">王海龙</a> <em>263</em> 粉丝</div>
                        <div class="from">
                            <a href="#">金榜山公园羽球俱乐部</a></div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach03.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">周芷洛</a> <em>789</em> 粉丝</div>
                        <div class="from">
                            <a href="#">前埔会展中心羽乒馆</a></div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach04.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">徐军</a> <em>189</em> 粉丝</div>
                        <div class="from">
                            <a href="#">海沧阿尔法球馆</a></div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach05.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">王海龙</a> <em>189</em> 粉丝</div>
                        <div class="from">
                            <a href="#">前埔会展中心羽乒馆</a></div>
                    </li>
                    <li class="end">
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/coach06.jpg" width="140" height="140" alt="" /></a></div>
                        <div class="name">
                            <a href="#">周芷洛</a> <em>189</em> 粉丝</div>
                        <div class="from">
                            <a href="#">海沧阿尔法球馆</a></div>
                    </li>
                </ul>
            </div>
            <div class="group clear">
                <div class="mod_675">
                    <div class="group_recommend">
                        <div class="title">
                            <h2 class="yahei">
                                推荐战队</h2>
                            <div class="more">
                                <a href="#">更多战队+</a></div>
                        </div>
                        <ul class="group_recommend_list clear">
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_01.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">达拉然废墟羽之战队</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">天使面孔美女自曝诱人深V事业线</a></div>
                                </div>
                            </li>
                            <li class="row_end">
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_02.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">有美女一起打</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">组图盘点西安最容易发生啪啪啪的</a></div>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_03.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">金榜山龙虎战队</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">世界上最漂亮的姑娘的衣服</a></div>
                                </div>
                            </li>
                            <li class="row_end">
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_04.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">海沧阿尔法打球群</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">汽车坟场，黄金老爷车的文艺自拍</a></div>
                                </div>
                            </li>
                            <li>
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_05.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">会展前埔羽球</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">若~我们的旅途有个交点或~邂逅在</a></div>
                                </div>
                            </li>
                            <li class="row_end">
                                <div class="pic">
                                    <a href="#">
                                        <img src="/Content/del/group80_06.jpg" width="80" height="80" alt="" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">虫虫特工队</a></div>
                                    <div class="state">
                                        68 成员 652 帖子</div>
                                    <div class="topic">
                                        <a href="#">组图盘点西安最容易发生啪啪啪的</a></div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="mod_245">
                    <div class="group_sort_list">
                        <div class="title yahei">
                            <h2>
                                战队排名</h2>
                        </div>
                        <div class="group_sort_list_box">
                            <ul>
                                <li><span class="num num1">1</span><img src="/Content/del/group60_01.jpg" width="30"
                                    height="30" /><a href="#">达拉然废墟羽之战队</a></li>
                                <li><span class="num num2">2</span><img src="/Content/del/group60_02.jpg" width="30"
                                    height="30" /><a href="#">有美女一起打</a></li>
                                <li><span class="num num3">3</span><img src="/Content/del/group60_03.jpg" width="30"
                                    height="30" /><a href="#">会战前埔羽乒俱乐部</a></li>
                                <li><span class="num">4</span><img src="/Content/del/group60_04.jpg" width="30" height="30" /><a
                                    href="#">【安静 】 只一句话</a></li>
                                <li><span class="num">5</span><img src="/Content/del/group60_05.jpg" width="30" height="30" /><a
                                    href="#">传说中的师傅</a></li>
                                <li><span class="num">6</span><img src="/Content/del/group60_06.jpg" width="30" height="30" /><a
                                    href="#">恐高么</a></li>
                                <li><span class="num">7</span><img src="/Content/del/group60_07.jpg" width="30" height="30" /><a
                                    href="#">我画图 你们猜</a></li>
                                <li><span class="num">8</span><img src="/Content/del/group60_02.jpg" width="30" height="30" /><a
                                    href="#">爱爱爱不完</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="mod_box">
            <div class="photo">
                <div class="title">
                    <h2 class="yahei">
                        精彩图片</h2>
                    <div class="more">
                        <a href="#">更多图片+</a></div>
                </div>
                <div class="photo_box clear">
                    <ul class="photo_list">
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_01.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                上海十月</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_02.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                Back to 1980</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_03.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                最后的童话</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_04.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                消逝的回忆</div>
                        </li>
                        <li class="row_end">
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_05.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                神奇的地球人</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_06.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                喵星人大反攻</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_07.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                最是龌龊的年代</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_08.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                来1个打10个</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_09.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                明天开始不吃饭</div>
                        </li>
                        <li class="row_end">
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/pic175_10.jpg" width="175" height="175" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                还好有你</div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mod_box">
            <div class="venues">
                <div class="title">
                    <h2 class="yahei">
                        运动场馆</h2>
                    <div class="more">
                        <a href="#">更多场馆+</a></div>
                </div>
                <ul class="venues_list clear">
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues01.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">宝力豪健身-LG店</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">莲前西路630号</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues02.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">厦门威迈羽毛球详情</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">厦门湖里区嘉禾路火炬园附近</a></div>
                        </div>
                    </li>
                    <li class="row_end">
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues03.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">金勋羽毛球运动馆</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">莲前西路630号</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues04.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">中体倍力健身-神舟店</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">吕岭路九州商厦大厦</a></div>
                        </div>
                    </li>
                    <li>
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues05.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">亚力山大会馆-虹桥会馆</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">乐海南里天鹅美苑426号602</a></div>
                        </div>
                    </li>
                    <li class="row_end">
                        <div class="pic">
                            <a href="#">
                                <img src="/Content/del/venues06.jpg" width="80" height="80" alt="" /></a></div>
                        <div class="detail">
                            <div class="name">
                                <a href="#">奇迹健身金牛店</a></div>
                            <div class="state">
                                <em>1378</em>人去过 好评:<em>100%</em></div>
                            <div class="add">
                                <a href="#">湖里区五缘湾道五缘湾运动馆</a></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</asp:Content>
